<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <form action="https://www.baidu.com" method="get">
        <input type="text" name="password">
        <input type="submit" value="提交">

    </form>
    <a href="http://www.baidu.com">点击</a>
    <script>
        // 阻止默认行为的语法 
        // 事件对象.preventDefault()
        // return false 

        // 兼容性 
        // 事件对象.returnValue = false 

        // var formele = document.querySelector('form');
        // formele.onsubmit = function(e){
        //     e = e || window.event;
            
        //     alert('山不过来我们过去'); //会弹框 但是 依然跳转走了 
        //     // 表单默认的提交行为就是调走 
        //     // 如果不让它跳走 仅仅是弹框
        //     // 需要阻止默认行为 
        //     // e.preventDefault();
        //     // return false;
        //     // e.returnValue = false;
        // }

        // 阻止鼠标右键 默认行为 
        // document.oncontextmenu = function(e){
        //     alert('点击了右键');
        //     // return false;
        //     e.preventDefault();
        // }

        var aele = document.querySelector('a');
        aele.addEventListener('click',function(e){
            alert(666);
            e.preventDefault();
            // return false;
        });
        
    </script>
</body>
</html>